<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<link rel="icon" href="logo.png">
		<style>
			body{
				background-color: #195288;
			}
			
			.login_div{
				width: 550px;
				height: 530px;
				background-color: white;
				margin:10% auto;
				padding-top: 30px;
				text-align: center;
			}
			
			.login_input{
				width: 426px;
				height: 55px;
				border-radius: 5px;
				border: 1px solid darkgray;
				margin: 10px auto auto -25px;
				padding-left: 30px;
				background-color: transparent;
			}
			
			.login_btn{
				width: 456px;
				height: 55px;
				background-color: #FF6B4D;
				color: white;
				font-size: 20px;
				border-radius: 5px;
				border: none;
				margin-top: 10px;
			}
			
			.third_login{
				margin: 20px 0;
			}
			
			.log_pic{
				margin: 0 10px;
			}
			
			.bottom_div{
				font-size: 12px; 
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<div class="login_div">
			<div style="text-align: center; ">
				<img src="img/tyustlogo.png" width="50%" >
			</div>
			
			<h2>毕业设计管理系统</h2>
			
			<div>
				<img src="img/user.png"><input class="login_input" type="text" placeholder="请输入用户名"/><br>
				<img src="img/password.png"><input class="login_input" type="password" placeholder="请输入密码"/><br>
				<input class="login_btn" type="submit" value="登录">
			</div>
			
			<div class="third_login">
				<img class="log_pic" src="img/weixin.png">
				<img class="log_pic" src="img/qq.png">
				<img class="log_pic" src="img/weibo.png">
			</div>
			
			<div class="bottom_div">
				技术支持：太原科技大学 宋书记<br>
				开发者：太原工业学院 王主任
			</div>
		</div>
	</body>
</html>
```